﻿ @{
     var toplikepost = ViewBag.ListOfTopLikePost;
     var nopostinprovince = ViewBag.ListNoPostInProvince;
 }
 <link href="../../Content/themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css" />
<link href="../../Content/Styles/map.css" rel="stylesheet" type="text/css" />
<script src="../../Scripts/jquery.carousel.min.js" type="text/javascript"></script>
<link href="../../Content/Styles/style1.css" rel="stylesheet" type="text/css" />

<script src="../../Scripts/pageguide.js" type="text/javascript"></script>
<link href="../../Content/Styles/pageguide.css" rel="stylesheet" type="text/css" />
    <!-- Step 3: Include initialization code -->
    
     @* script hover highlight map*@ 
<script type="text/javascript">

    window.onload = function () {
        $("div.foo").carousel();
         var aList = document.getElementById("map").getElementsByTagName("area");
        var aHighlight = document.getElementById("area_highlight");

        for (i = 0; i < aList.length; i++) {
            aList[i].onmouseover = function () {
                var index = this.id.substring(this.id.indexOf("_") + 1);
                aHighlight.className = "map_vn_hover_region" + index;
            },
            aList[i].onmouseout = function () {
                aHighlight.className = "";
            };
        }
        ;
        function hiddenall() {
            $('#introduction').css("display","none");
            $('#region_1').css("display", "none");
            $('#region_2').css("display", "none");
            $('#region_3').css("display", "none");
            $('#region_4').css("display", "none");
            $('#region_5').css("display", "none");
            $('#region_6').css("display", "none");
            $('#region_7').css("display", "none");
            $('#region_8').css("display", "none");
            $('#region_9').css("display", "none");
            $('#region_10').css("display", "none");
            $('#region_11').css("display", "none");
        }
        //region 1
        $("#hoverregion_1").click(function () {
            hiddenall(); 
            $('#region_1').css("display", "block");
            var a1List = document.getElementById("Map_re1").getElementsByTagName("area");
            var a1Highlight = document.getElementById("area_highlight_re1");
            for (j = 0; j < a1List.length; j++) {
                a1List[j].onmouseover = function () {
                    var index1 = this.id.substring(this.id.indexOf("_") + 1);
                    a1Highlight.className = "map_re1_hover_region" + index1;
                },
                a1List[j].onmouseout = function () {
                    a1Highlight.className = "";
                };
            }

        });
        // END script popup region1
        //region 2
        $("#hoverregion_2").click(function () {
            hiddenall();
            $('#region_2').css("display", "block");
            var a2List = document.getElementById("Map_re2").getElementsByTagName("area");
            var a2Highlight = document.getElementById("area_highlight_re2");
            for (j = 0; j < a2List.length; j++) {
                a2List[j].onmouseover = function () {
                    var index2 = this.id.substring(this.id.indexOf("_") + 1);
                    a2Highlight.className = "map_re2_hover_region" + index2;
                },
                a2List[j].onmouseout = function () {
                    a2Highlight.className = "";
                };
            }
        });
        // END script popup region2
        //region 3
        $("#hoverregion_3").click(function () {
            hiddenall();
            $('.regionstyle').css("display", "none");
            $('#region_3').css("display", "block");
            var a3List = document.getElementById("Map_re3").getElementsByTagName("area");
            var a3Highlight = document.getElementById("area_highlight_re3");
            for (j = 0; j < a3List.length; j++) {
                a3List[j].onmouseover = function () {
                    var index3 = this.id.substring(this.id.indexOf("_") + 1);
                    a3Highlight.className = "map_re3_hover_region" + index3;
                },
                a3List[j].onmouseout = function () {
                    a3Highlight.className = "";
                };
            }
        });
        // END script popup region3
        //reiogn 4
        $("#hoverregion_4").click(function () {
            hiddenall();
            $('#region_4').css("display", "block");
            var a4List = document.getElementById("Map_re4").getElementsByTagName("area");
            var a4Highlight = document.getElementById("area_highlight_re4");
            for (j = 0; j < a4List.length; j++) {
                a4List[j].onmouseover = function () {
                    var index4 = this.id.substring(this.id.indexOf("_") + 1);
                    a4Highlight.className = "map_re4_hover_region" + index4;
                },
                a4List[j].onmouseout = function () {
                    a4Highlight.className = "";
                };
            }
        });
        // END script popup region4
        //region 5

        $("#hoverregion_5").click(function () {
            hiddenall();
            $('#region_5').css("display", "block");
            var a5List = document.getElementById("Map_re5").getElementsByTagName("area");
            var a5Highlight = document.getElementById("area_highlight_re5");
            for (j = 0; j < a5List.length; j++) {
                a5List[j].onmouseover = function () {
                    var index5 = this.id.substring(this.id.indexOf("_") + 1);
                    a5Highlight.className = "map_re5_hover_region" + index5;
                },
                a5List[j].onmouseout = function () {
                    a5Highlight.className = "";
                };
            }
        });
        // END script popup region5
        //region 6
        $("#hoverregion_6").click(function () {
            hiddenall();
            $('#region_6').css("display", "block");
            var a6List = document.getElementById("Map_re6").getElementsByTagName("area");
            var a6Highlight = document.getElementById("area_highlight_re6");
            for (j = 0; j < a6List.length; j++) {
                a6List[j].onmouseover = function () {
                    var index6 = this.id.substring(this.id.indexOf("_") + 1);
                    a6Highlight.className = "map_re6_hover_region" + index6;
                },
                a6List[j].onmouseout = function () {
                    a6Highlight.className = "";
                };
            }
        });
        // END script popup region6
        //region 7
        $("#hoverregion_7").click(function () {
            hiddenall();
            $('#region_7').css("display", "block");
            var a7List = document.getElementById("Map_re7").getElementsByTagName("area");
            var a7Highlight = document.getElementById("area_highlight_re7");
            for (j = 0; j < a7List.length; j++) {
                a7List[j].onmouseover = function () {
                    var index7 = this.id.substring(this.id.indexOf("_") + 1);
                    a7Highlight.className = "map_re7_hover_region" + index7;
                },
                a7List[j].onmouseout = function () {
                    a7Highlight.className = "";
                };
            }
        });
        // END script popup region7
        //region 8
        $("#hoverregion_8").click(function () {
            hiddenall();
            $('#region_8').css("display", "block");
            var a8List = document.getElementById("Map_re8").getElementsByTagName("area");
            var a8Highlight = document.getElementById("area_highlight_re8");
            for (j = 0; j < a8List.length; j++) {
                a8List[j].onmouseover = function () {
                    var index8 = this.id.substring(this.id.indexOf("_") + 1);
                    a8Highlight.className = "map_re8_hover_region" + index8;
                },
                a8List[j].onmouseout = function () {
                    a8Highlight.className = "";
                };
            }
        });
        // END script popup region8
        //reion 9
        $("#hoverregion_9").click(function () {
            hiddenall();
            $('#region_9').css("display", "block");
            var a9List = document.getElementById("Map_re9").getElementsByTagName("area");
            var a9Highlight = document.getElementById("area_highlight_re9");
            for (j = 0; j < a9List.length; j++) {
                a9List[j].onmouseover = function () {
                    var index9 = this.id.substring(this.id.indexOf("_") + 1);
                    a9Highlight.className = "map_re9_hover_region" + index9;
                },
                a9List[j].onmouseout = function () {
                    a9Highlight.className = "";
                };
            }
        });
        // END script popup region9
        //region 10

        $("#hoverregion_10").click(function () {
            hiddenall();
            $('#region_10').css("display", "block");
            var a10List = document.getElementById("Map_re10").getElementsByTagName("area");
            var a10Highlight = document.getElementById("area_highlight_re10");
            for (j = 0; j < a10List.length; j++) {
                a10List[j].onmouseover = function () {
                    var index10 = this.id.substring(this.id.indexOf("_") + 1);
                    a10Highlight.className = "map_re10_hover_region" + index10;
                },
                a10List[j].onmouseout = function () {
                    a10Highlight.className = "";
                };
            }
        });
        // END script popup region10
        //region 11
        $("#hoverregion_11").click(function () {
            hiddenall();
            $('#region_11').css("display", "block");
            var a11List = document.getElementById("Map_re11").getElementsByTagName("area");
            var a11Highlight = document.getElementById("area_highlight_re11");
            for (j = 0; j < a11List.length; j++) {
                a11List[j].onmouseover = function () {
                    var index11 = this.id.substring(this.id.indexOf("_") + 1);
                    a11Highlight.className = "map_re11_hover_region" + index11;
                },
                a11List[j].onmouseout = function () {
                    a11Highlight.className = "";
                };
            }
        });

    }
       
	
</script>
<script type="text/javascript">
    $(function () {
        $('.bubbleInfo').each(function () {
            var distance = 10;
            var time = 150;
            var hideDelay = 100;

            var hideDelayTimer = null;

            var beingShown = false;
            var shown = false;
            var trigger = $('.trigger', this);
            var info = $('.popup', this).css('opacity', 0);


            $([trigger.get(0), info.get(0)]).mouseover(function () {
                if (hideDelayTimer) clearTimeout(hideDelayTimer);
                if (beingShown || shown) {
                    // don't trigger the animation again
                    return;
                } else {
                    // reset position of info box
                    beingShown = true;

                    info.css({
                        top: 20,
                        left: 500,
                        display: 'block'
                    }).animate({
                            top: '-=' + distance + 'px',
                            opacity: 1
                        }, time, 'swing', function () {
                            beingShown = false;
                            shown = true;
                        });
                }

                return false;
            }).mouseout(function () {
                if (hideDelayTimer) clearTimeout(hideDelayTimer);
                hideDelayTimer = setTimeout(function () {
                    hideDelayTimer = null;
                    info.animate({
                            top: '-=' + distance + 'px',
                            opacity: 0
                        }, time, 'swing', function () {
                            shown = false;
                            info.css('display', 'none');
                        });

                }, hideDelay);

                return false;
            });
        });
    });
    
</script>


<style type="text/css">
    .cb-slideshow
    {
        list-style: none;
    }
    .regionstyle
    {
        float: right;
        width: 600px;
        margin-right: 5px;
        height: 600px;
        margin-left: 5px;
        position: absolute;
        z-index: 10000;
        left: 500px;
        top: 10px;
    }
    #slideHomepage
    {
        clear: both;
        width: 1100px; /*height: 180px;*/
        margin-left: 20px;
    }
    #slideHomepage p
    {
        float: left;
        margin-right: 5px;
    }
    .housewrap
    {
        margin-bottom: 30px;
        width: 1030px;
        height: 320px;
        margin-top: 10px;
    }
    .housecontainer
    {
        width: 485px;
        margin-left: 25px;
        float: left;
        top: 10px;
        position: relative;
        font-family: "Helvetica Neue" ,Helvetica,Arial,sans-serif;
    }
    .housecontainer img
    {
        height: 322px;
       
    }
    .housecontainer img:hover
    {
        border: 1px solid rgba(237, 29, 137, 0.8);
        -webkit-box-shadow: 0 0 6px rgba(237, 29, 137, 0.8),0 0 0 black;
        -moz-box-shadow: 0 0 6px rgba(237,29,137,0.8),0 0 0 #000;
        box-shadow: 0 0 6px rgba(237, 29, 137, 0.8),0 0 0 black;
    }
    .caption
    {
        padding: 35px 10px 5px;
        text-shadow: 0 -1px 1px black;
        background-color: transparent;
        background-image: -webkit-linear-gradient(top, transparent 0%,rgba(7, 10, 11, 0.6) 100%);
        -webkit-box-shadow: 0 0 0 transparent,0 0 0 black;
        box-shadow: 0 0 0 transparent,0 0 0 black;
        text-shadow: 0 -1px 1px black;
        border-width: 0;
        width: 465px;
        bottom: 4px;
        position: absolute;
        color: white;
    }
    .pricetag
    {
     
        bottom: 5px;
        right: 5px;
        position: absolute;
        height: 101px;
        color: white;
        text-align: center;
         line-height: 1;
        text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
    }
    .pricetag i
    {
        float: left;
        width: 10px;
        height: 100%;
    }
    .pricetag-left, .pricetag-center, .pricetag-right
    {
        background-image: url(../../Content/images/icons/price.png);
        background-repeat: no-repeat;
    }
    .pricetag-right
    {
        background-position: right 0;
    }
    .pricetag-center
    {
        float: left;
        height: 100%;
        /*min-width: 42px;
        max-width: 80px;*/
        width: 80px;
        background-position: center 0;
        margin: 0;
    }
    .pricetag-currency
    {
        margin-top: 31px;
        font-size: 1.6em;
        color: #A50A56;
        line-height: 24px;
        text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5),0 1px 1px rgba(255, 255, 255, 0.5);
    }
    .pricetag-price
    {
        font-size: 1.8em;
    }
    .pricetag-perday
    {
        font-size: 0.7em;
    }
    .prev
    {
        background: url(../../Content/images/icons/prev.png) 0 0 no-repeat;
        border: 0;
        text-indent: -9999px;
        cursor: pointer !important;
        width: 40px !important;
        height: 40px !important;
    }
    .next
    {
        background: url(../../Content/images/icons/next.png) 0 0 no-repeat;
        border: 0;
        text-indent: -9999px;
        cursor: pointer !important;
        width: 40px !important;
        height: 40px !important;
    }
    .cb-slideshow li div h4
    {
        /*font-family: 'BebasNeueRegular' , 'Arial Narrow' , Arial, sans-serif;
        font-size: 30px;
        padding: 0;
        color: white;*/
    }
    .pbubble {
        float: left;
        margin-top: 7px;
        margin-left: 5px;
        font-size: 16px;
        font-weight: bold;
        color: green;
    }
    #tlyPageGuideMessages {
        height:70px! important
    }
    h4 {
        font-size: 40px;
        color: white;
        
    }
    .favoriteplace {
        position: absolute;
        border-radius: 5px;
        width: 1050px;
        height: 30px;
        background-color: #498F0A;
        color: white;
        text-align: center;
        
        
    }
    .headerslide {
        position: absolute;
        font: bold 14px 'lucida sans', 'trebuchet MS', 'Tahoma' !important;
    }
  
</style>
<div>
     
    <ul class="cb-slideshow">
        <li><span>Image 01</span></li>
        <li><span>Image 02</span><div><h4></h4></div></li>
        <li><span>Image 03</span><div><h4></h4></div></li>
        <li><span>Image 04</span><div><h4></h4></div></li>
        <li><span>Image 05</span><div><h4></h4></div></li>
        <li><span>Image 06</span><div><h4></h4></div></li>
    </ul>
           
    <div id="map" class="overflow" style="position: absolute;z-index: 10">
        <div id="map_map" class="map_vn_map">
            <img src="../../Content/images/mapArea/transparent.gif" id="area_highlight" alt="" class="" />
            <img src="../../Content/images/mapArea/transparent.gif" id="area_map" usemap="#map_map_map" alt="" />
        </div>
        <map name="map_map_map" id="map_map_map">
            <area shape="poly" id="hoverregion_12" onclick="clickHN()" coords="124,87,113,82,122,75,133,84,216,115,239,131,223,166,194,161,181,138" href="@(Url.Action("IndexMap", "Search", new { province = "56", district = "0" }))"
                  alt="Hà Nội" title="Hà Nội">
            <area shape="poly" id="hoverregion_13" onclick="clickHCM()" coords="156,422,37,374,29,319,87,323,87,357" href="@(Url.Action("IndexMap", "Search", new { province = "58", district = "0" }))"
                  alt="Tp Hồ Chí Minh" title="Tp Hồ Chí Minh">
            <area shape="poly" id="hoverregion_10" onclick="" coords="75,24,82,40,91,46,103,64,114,66,134,78,141,74,156,75,171,63,150,45,143,35,154,25,144,18,134,20,129,15,122,18,103,2,89,12,89,20"
                  alt="Đông Bắc Bộ" title="Bắc Kạn,Bắc Giang,Cao Bằng,Hà Giang,Lạng Sơn,Thái Nguyên,Tuyên Quang">
            <area shape="poly" id="hoverregion_11" onclick="" coords="23,59,36,58,19,74,37,95,60,96,71,85,87,94,96,91,89,74,98,56,86,44,77,35,69,20,60,29,47,21,45,28,37,23,31,36,13,25,3,35"
                  alt="Tây Bắc Bộ" title="Điện Biên,Lai Châu,Lào Cai,Sơn La,Yên Bái">
            <area shape="poly" id="hoverregion_1" onclick="" coords="114,101,130,98,130,90,114,86,115,77,121,75,130,83,135,77,112,67,103,66,97,61,89,76,96,94"
                  alt="Các tỉnh lân cận Hà Nội" title="Bắc Ninh,Phú Thọ,Hà Nam,Hải Dương,Hòa Bình,Hưng Yên,Ninh Bình,Vĩnh Phúc">
            <area shape="poly" id="hoverregion_4" onclick="" coords="115,103,132,99,134,80,160,73,171,65,187,61,185,87,162,95,150,89,147,110,129,115"
                  alt="Hải Phòng Nam Định Thái Bình" title="Hải Phòng,Nam Định,Quảng Ninh,Thái Bình">
            <area shape="poly" id="hoverregion_8" onclick="" coords="85,97,71,97,81,106,96,110,93,118,83,121,59,125,65,137,57,138,101,162,101,174,115,184,126,179,129,186,140,183,115,149,129,112,95,95,91,93"
                  alt="Thanh Nghệ Tĩnh" title="Hà Tĩnh,Nghệ An,Thanh Hóa" style="cursor: pointer">
            <area shape="poly" id="hoverregion_6" onclick="" coords="115,184,121,199,140,209,149,234,155,232,168,250,180,245,185,248,195,239,149,200,142,184,131,186,124,179"
                  alt="Bình Trị Thừa Thiên Huế" title="Quảng Bình,Quảng Trị,Thừa Thiên Huế">
            <area shape="poly" id="hoverregion_3" onclick="" coords="254,256,256,236,290,233,295,262,278,279,254,259,225,289,211,291,178,267,164,258,165,251,174,244,195,239,210,257,224,274,225,288"
                  alt="Quảng Nam Đà Nẵng" title="Đà Nẵng,Quảng Nam">
            <area shape="poly" id="hoverregion_9" onclick="" coords="178,267,174,281,165,308,179,333,175,348,175,367,165,374,171,388,169,390,177,401,195,405,199,392,208,392,211,362,220,356,208,343,215,340,209,305,209,290,201,281,193,281"
                  alt="Tây Nguyên" title="Đắk Lắk,Đắk Nông,Gia Lai,Kon Tum,Lâm Đồng">
            <area shape="poly" id="hoverregion_7" onclick="" coords="293,383,295,417,217,457,214,429,261,400,294,385,229,293,211,293,216,340,212,344,220,357,213,362,210,392,178,403,177,429,227,401,238,352,227,290"
                  alt="Nam Trung Bộ" title="Bình Thuận,Bình Định,Khánh Hòa,Ninh Thuận,Phú Yên,Quảng Ngãi">
            <area shape="poly" id="hoverregion_2" onclick="" coords="141,381,136,392,122,391,147,414,155,408,159,414,152,422,169,434,178,431,174,415,175,400,168,390,165,377,167,370,145,379"
                  alt="Đông Nam Bộ" title="Bình Dương,Bình Phước,Đồng Nai,Tây Ninh,Vũng Tàu">
            <area shape="poly" id="hoverregion_5" onclick="" coords="135,415,89,420,51,433,75,450,96,446,82,462,83,497,129,478,155,495,165,431"
                  alt="Cần Thơ - Tây Nam Bộ" title="An Giang,Bạc Liêu,Bến Tre,Cần Thơ,Cà Mau,Đồng Tháp,Hậu Giang,Kiên Giang,Long An,Sóc Trăng,Tiền Giang,Trà Vinh,Vĩnh Long"
                  style="cursor: pointer">
        </map>
    </div>
    <div id="region_1" style="display: none" class="regionstyle">
        <div id="map_map_re1" class="map_vn_map_re1">
            <img src="../../Content/images/mapArea/transparent.gif" id="area_highlight_re1" alt=""
                class="" />
            <img src="../../Content/images/mapArea/transparent.gif" id="area_map_re1" usemap="#Map_re1"
                alt="" />
        </div>
        <map name="Map_re1" id="Map_re1">
            <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion1_1" coords="86,29,98,25,110,23,122,29,140,33,141,42,137,49,152,70,154,81,161,82,166,88,168,103,174,104,181,108,177,118,179,132,177,151,174,160,157,167,158,181,154,185,160,191,158,203,156,206,162,217,163,233,156,241,145,241,136,235,131,241,128,240,128,231,118,235,105,235,90,217,78,215,80,207,61,203,53,200,55,191,50,187,38,177,39,157,36,145,30,129,37,126,45,126,49,113,54,104,54,98,45,83,47,68,52,60,48,53,67,41,68,35,77,29"
                      href="@(Url.Action("IndexMap", "Search", new { province = "40", district = "0" }))" alt=""/>
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[39].NoPosts</p> 
                     <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                     </div>
                </div>
            </div>
            <div class="bubbleInfo">
                <area class="trigger" shape="poly" id="hoverregion1_2" coords="164,81,180,76,188,81,201,77,214,66,222,65,235,73,249,91,265,100,278,107,284,119,282,129,268,145,271,154,285,167,274,183,253,181,242,175,222,180,204,171,198,164,192,162,191,152,182,149,178,149,180,141,178,129,178,119,182,113,180,105,168,103,169,88,164,81"
                      href="@(Url.Action("IndexMap", "Search", new { province = "62", district = "0" }))" alt=""/>
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[61].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
                <area class="trigger" shape="poly" id="hoverregion1_3" coords="50,190,52,197,53,203,78,210,75,214,79,219,87,220,101,237,120,237,129,243,138,241,150,244,164,240,168,232,166,219,164,213,186,217,196,212,202,213,206,221,216,227,212,237,226,239,228,243,224,250,228,257,228,266,220,273,230,278,233,272,236,265,240,267,242,274,250,284,254,294,258,313,256,323,265,325,267,331,271,330,279,335,282,344,288,359,301,378,292,378,286,373,276,374,276,389,269,384,260,384,268,402,258,412,244,399,222,396,218,392,210,397,197,391,179,388,152,379,135,353,120,351,108,339,96,335,89,341,78,339,51,310,40,313,31,294,39,283,52,285,66,292,72,289,76,273,72,257,62,239,52,225,38,210,37,196"
                  href="@(Url.Action("IndexMap", "Search", new { province = "26", district = "0" }))" alt=""/>
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[25].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
               <area class="trigger" shape="poly" id="hoverregion1_4" coords="180,151,178,161,162,168,160,181,162,197,160,207,166,213,187,215,195,210,203,211,207,219,219,224,218,232,227,237,234,245,229,251,232,261,227,272,230,273,238,264,246,272,255,285,261,314,260,322,281,334,288,329,294,316,297,311,313,313,321,305,332,309,338,305,332,297,333,289,334,282,324,277,318,275,318,269,322,263,324,256,314,250,315,244,308,240,310,236,315,231,315,225,318,220,330,224,334,221,340,218,344,214,340,209,335,200,329,197,320,186,320,171,317,163,324,153,321,137,316,137,289,117,289,124,272,148,288,168,277,185,258,185,242,178,223,182,192,165,189,157,182,152"
                  href="@(Url.Action("IndexMap", "Search", new { province = "56", district = "0" }))" alt=""/>
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[55].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
               <area class="trigger" shape="poly" id="hoverregion1_5" coords="326,157,334,153,344,151,356,156,369,163,384,165,391,171,398,170,404,175,407,171,416,177,420,189,425,199,417,214,403,223,391,225,378,225,374,220,366,217,354,223,346,217,344,207,338,199,329,193,322,185,322,168,322,160"
                  href="@(Url.Action("IndexMap", "Search", new { province = "6", district = "0" }))" alt=""/>
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[5].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
               <area class="trigger" shape="poly" id="hoverregion1_6" coords="425,186,430,175,456,159,470,157,476,166,471,186,460,185,463,197,487,206,495,205,503,211,494,218,494,225,502,229,500,237,488,234,486,242,487,255,470,255,474,265,474,285,462,293,454,290,443,299,430,299,425,305,418,299,411,303,402,296,403,288,382,280,376,265,381,257,380,245,388,234,382,227,398,227,425,209,426,189"
                  href="@(Url.Action("IndexMap", "Search", new { province = "24", district = "0" }))" alt=""/>
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[23].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
                <area class="trigger" shape="poly" id="hoverregion1_7" coords="344,219,354,225,366,220,378,225,386,234,380,243,378,257,374,265,382,282,400,289,401,299,410,305,408,314,400,317,384,317,378,314,373,323,361,323,354,317,349,314,348,306,338,305,336,297,337,283,321,275,322,268,328,257,322,249,318,243,312,239,320,234,320,227,332,226"
                  href="@(Url.Action("IndexMap", "Search", new { province = "27", district = "0" }))" alt=""/>
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[26].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
               <area class="trigger" shape="poly" id="hoverregion1_8" coords="338,308,346,309,347,318,358,327,375,329,375,338,388,347,390,365,384,364,376,357,368,365,356,364,345,383,338,372,318,389,301,372,288,355,284,337,291,332,300,315,313,317,322,310,333,313"
                  href="@(Url.Action("IndexMap", "Search", new { province = "22", district = "0" }))" alt=""/>
                    <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[21].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
        </map>
    </div>
    <div id="region_2" style="display: none" class="regionstyle">
        <div id="map_map_re2" class="map_vn_map_re2">
            <img src="../../Content/images/mapArea/transparent.gif" id="area_highlight_re2" alt=""
                class="" />
            <img src="../../Content/images/mapArea/transparent.gif" id="area_map_re2" usemap="#Map_re2"
                alt="" />
        </div>
        <map name="Map_re2" id="Map_re2">
            <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion2_1" coords="186,91,246,90,263,68,290,68,317,55,356,14,365,23,366,65,387,75,412,115,406,134,382,140,375,164,382,171,385,189,350,194,338,205,329,210,329,222,299,248,296,236,289,236,279,243,277,229,267,227,260,231,257,220,266,211,263,200,252,204,230,231,215,228,200,228,206,213,201,203,186,190,187,177,180,165,189,157,182,142,183,131,192,118"
                      href="@(Url.Action("IndexMap", "Search", new { province = "10", district = "0" }))" alt="" title="" />
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[9].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion2_2" coords="177,165,160,161,140,166,125,151,85,145,67,166,57,174,40,166,38,175,46,186,48,201,54,213,50,224,47,243,58,263,78,271,82,285,96,293,106,292,129,329,164,325,168,312,173,306,173,285,161,279,162,272,153,263,151,248,150,235,155,230,155,219,168,208,170,197,183,192,185,179"
                      href="@(Url.Action("IndexMap", "Search", new { province = "49", district = "0" }))" alt="" title="" />
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[48].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
               
                <area class ="trigger" shape="poly" id="hoverregion2_3" coords="187,195,195,204,199,212,195,228,205,235,225,237,253,207,260,209,252,220,256,231,270,233,276,243,290,242,294,249,288,273,298,288,289,318,272,316,267,308,260,311,254,325,254,337,267,355,258,355,244,351,231,341,218,323,214,312,202,313,194,305,193,291,174,287,172,282,166,278,165,269,156,261,152,237,160,222,172,212,174,201"
                      href="@(Url.Action("IndexMap", "Search", new { province = "9", district = "0" }))" alt="" title="" />
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[8].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
                  <area class ="trigger" shape="poly" id="hoverregion2_4" coords="176,291,176,307,166,328,196,349,184,385,190,395,194,396,208,415,221,418,236,413,246,419,248,444,245,449,265,471,278,472,281,482,300,475,297,457,304,455,306,443,300,437,292,432,291,425,278,417,262,418,261,407,252,402,254,390,262,380,270,377,273,373,270,359,264,357,254,357,242,356,232,346,218,329,213,315,201,316,189,308,190,295"
                        href="@(Url.Action("IndexMap", "Search", new { province = "58", district = "0" }))" alt="" title=""/>
                    <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[57].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
               <area class ="trigger" shape="poly" id="hoverregion2_5" coords="384,193,353,197,334,213,330,226,304,250,296,256,292,273,302,289,293,320,271,319,266,315,257,331,270,355,276,373,263,386,257,401,264,406,266,413,280,415,294,421,297,431,308,438,315,435,316,418,321,413,328,413,344,398,340,391,349,384,356,382,365,385,376,387,384,393,385,402,394,401,393,393,414,375,428,381,448,371,443,344,433,321,424,325,406,312,415,303,409,289,434,259,434,248,437,239,423,219,410,221,419,205,406,199,398,202,396,191"
                          href="@(Url.Action("IndexMap", "Search", new { province = "18", district = "0" }))" alt="" title=""/>
                    <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[17].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion2_6" coords="315,443,320,437,318,421,330,416,348,401,348,391,358,387,378,392,382,405,392,408,398,403,400,394,415,381,426,385,438,396,448,425,440,449,428,449,414,459,402,457,372,478,357,474,336,484,331,493,324,487,327,480,336,475,336,467,327,468,314,451"
                        href="@(Url.Action("IndexMap", "Search", new { province = "2", district = "0" }))" alt="" title=""/>
                    <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[1].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
        </map>
    </div>
    <div id="region_3" style="display: none" class="regionstyle">
        <div id="map_map_re3" class="map_vn_map_re3">
            <img src="../../Content/images/mapArea/transparent.gif" id="area_highlight_re3" alt=""
                class="" />
            <img src="../../Content/images/mapArea/transparent.gif" id="area_map_re3" usemap="#Map_re3"
                alt="" />
        </div>
        <map name="Map_re3" id="Map_re3">
            <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion3_1" coords="298,57,282,57,272,53,272,43,278,31,270,27,263,30,249,30,234,25,222,31,207,25,200,35,190,63,202,68,220,64,228,79,226,94,230,105,261,97,274,102,285,96,292,95,301,95,315,89,307,60,315,54,324,51,313,41,304,38,301,48"
                        href="@(Url.Action("IndexMap", "Search", new { province = "55", district = "0" }))" title="" alt="" />
                    <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[54].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
               <area class ="trigger" shape="poly" id="hoverregion3_2" coords="188,68,175,66,167,68,153,84,133,74,119,69,98,80,76,124,51,130,30,142,43,172,44,183,55,186,74,218,96,222,116,245,130,244,138,250,141,268,152,284,160,286,158,296,160,305,206,317,210,313,235,334,224,358,227,370,239,377,245,375,262,389,280,382,278,370,281,358,299,364,304,354,319,330,321,311,318,304,323,292,340,290,354,285,370,289,423,269,436,267,440,262,431,234,426,229,409,226,369,174,348,127,314,94,303,100,290,98,274,108,262,102,229,110,221,99,223,80,218,69,200,74"
                        href="@(Url.Action("IndexMap", "Search", new { province = "43", district = "0" }))" title="" alt="" />
                    <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[42].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
        </map>
    </div>
    <div id="region_4" style="display: none" class="regionstyle">
        <div id="map_map_re4" class="map_vn_map_re4">
            <img src="../../Content/images/mapArea/transparent.gif" id="area_highlight_re4" alt=""
                class="" />
            <img src="../../Content/images/mapArea/transparent.gif" id="area_map_re4" usemap="#Map_re4"
                alt="" />
        </div>
        <map name="Map_re4" id="Map_re4">
             <div class="bubbleInfo">
               <area class ="trigger" shape="poly" id="hoverregion4_1" coords="388,198,353,204,344,213,338,201,344,189,326,192,316,186,302,200,303,208,281,209,280,218,265,219,267,230,259,234,258,225,250,229,248,212,250,203,234,195,221,190,207,193,200,183,173,182,168,174,181,166,183,150,217,159,238,157,249,162,260,160,261,155,281,154,293,147,299,128,313,117,323,111,326,103,335,107,363,99,361,80,353,65,364,60,372,53,381,51,389,57,410,48,417,56,436,58,463,54,493,44,505,47,520,65,501,62,491,67,487,82,481,91,453,96,453,110,449,124,433,128,418,116,396,125,389,146,392,166,409,161,414,151,411,137,414,130,429,146,441,148,445,151,428,163,400,187,420,203,426,195,433,200,426,218,408,219,418,208,397,189,401,167"
                        href="@(Url.Action("IndexMap", "Search", new { province = "45", district = "0" }))" alt="" title="" />
                    <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[44].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
             <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion4_2" coords="201,199,211,196,222,195,245,205,247,229,253,235,247,253,270,253,277,244,286,249,290,253,271,258,249,258,248,269,240,273,229,283,213,288,197,289,185,295,179,292,172,296,169,280,159,277,155,272,181,261,181,250,184,245,181,235,192,232,190,223,194,217,199,216,203,217,207,212"
                        href="@(Url.Action("IndexMap", "Search", new { province = "57", district = "0" }))" alt="" title=""/>
                    <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[56].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
             <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion4_3" coords="150,273,157,282,165,283,168,297,178,300,200,293,210,295,206,303,196,309,202,330,198,368,186,366,170,372,153,359,139,358,128,363,125,360,127,349,120,347,115,337,114,328,104,325,104,308,95,300,90,289,92,282,107,286,122,282,126,276,138,272,149,272"
                        href="@(Url.Action("IndexMap", "Search", new { province = "50", district = "0" }))" alt="" title=""/>
                    <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[49].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
             <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion4_4" coords="99,331,106,330,115,344,119,353,125,366,138,365,150,364,166,376,185,373,195,382,165,399,149,402,138,422,109,444,90,474,82,473,86,437,99,420,100,400,96,389,81,382,77,391,70,383,64,382,52,369,52,360,44,352,51,342,62,353,72,335,83,333,90,327"
                        href="@(Url.Action("IndexMap", "Search", new { province = "36", district = "0" }))" alt="" title=""/>
                    <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[35].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
        </map>
    </div>
    <div id="region_5" style="display: none" class="regionstyle">
        <div id="map_map_re5" class="map_vn_map_re5">
            <img src="../../Content/images/mapArea/transparent.gif" id="area_highlight_re5" alt=""
                class="" />
            <img src="../../Content/images/mapArea/transparent.gif" id="area_map_re5" usemap="#Map_re5"
                alt="" />
        </div>
        <map name="Map_re5" id="Map_re5">
            <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion5_1" coords="193,20,213,26,213,37,220,40,229,53,237,58,240,75,264,87,271,97,271,117,265,127,256,131,242,139,230,134,220,146,211,145,200,132,166,120,157,120,141,97,159,97,166,92,177,74,202,56"
                      href="@(Url.Action("IndexMap", "Search", new { province = "1", district = "0" }))" title="" alt="" />
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[0].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion5_2" coords="217,26,219,35,240,54,244,74,276,93,275,119,269,129,283,134,286,144,300,151,311,144,329,154,339,146,333,131,323,125,330,110,345,89,325,65,314,64,288,35,279,20,262,16,244,32"
                      href="@(Url.Action("IndexMap", "Search", new { province = "19", district = "0" }))" title="" alt="" />
        
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[18].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
                 <area class ="trigger" shape="poly" id="hoverregion5_3" coords="290,33,318,61,329,62,347,85,371,89,378,81,400,76,416,79,426,89,443,103,457,105,469,96,489,94,485,65,474,71,453,68,456,60,441,49,450,22,428,7,405,4,394,13,399,31,397,44,382,44,366,44,356,35,326,34,320,13,308,23,292,15,282,17"
                        href="@(Url.Action("IndexMap", "Search", new { province = "35", district = "0" }))" title="" alt="" />
                    <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[34].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion5_4" coords="93,116,105,108,111,95,137,97,153,122,179,129,208,148,220,150,228,159,237,162,250,184,268,195,272,203,269,211,251,222,243,231,246,247,242,257,235,254,228,260,235,268,229,279,227,295,219,292,204,280,186,268,174,269,165,265,157,274,153,271,160,215,172,215,190,191,193,182,176,163,158,166,145,145,130,140,113,156,106,136,93,122,47,122,29,107,19,122,7,121,7,134,24,149,36,187,40,174,47,147,48,128,51,127"
                      href="@(Url.Action("IndexMap", "Search", new { province = "29", district = "0" }))" title="" alt="" />
           
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[28].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion5_5" coords="223,151,230,138,244,142,266,131,277,138,282,149,298,157,304,166,309,169,313,180,326,186,321,194,311,192,299,196,292,192,281,194,281,188,271,185,267,193,255,186,253,178,239,163,230,160"
                      href="@(Url.Action("IndexMap", "Search", new { province = "13", district = "0" }))" title="" alt="" />
            
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[12].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion5_6" coords="348,88,370,93,381,86,402,82,421,87,427,98,439,109,457,109,471,99,490,99,498,108,495,145,482,149,469,139,454,136,445,128,430,130,421,122,406,128,397,126,392,132,370,131,356,124,347,125,340,132,337,132,329,123,337,112"
                      href="@(Url.Action("IndexMap", "Search", new { province = "54", district = "0" }))" title="" alt="" />
            
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[53].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion5_7" coords="149,276,158,278,166,270,178,273,182,269,191,278,219,297,229,299,222,305,229,316,217,329,226,337,221,344,230,357,241,362,246,360,249,364,244,388,235,406,227,414,211,418,200,436,181,438,165,447,134,443,146,435,145,424,150,421,141,403,146,390,144,367,145,351,149,322"
                      href="@(Url.Action("IndexMap", "Search", new { province = "12", district = "0" }))" title="" alt="" />
           
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[11].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion5_8" coords="250,359,237,355,224,345,230,336,222,328,231,319,229,306,233,298,232,281,240,269,234,260,237,258,246,262,257,261,267,262,275,260,280,264,275,273,276,284,281,294,287,293,298,299,313,297,319,303,325,300,326,305,322,310,325,323,257,360"
                      href="@(Url.Action("IndexMap", "Search", new { province = "5", district = "0" }))" title="" alt="" />
          
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[4].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion5_9" coords="271,194,276,201,273,213,247,231,249,246,244,258,252,260,274,259,285,255,293,253,302,245,308,241,327,232,330,221,330,211,336,199,330,190,322,196,311,195,301,199,288,196,280,196,274,188"
                      href="@(Url.Action("IndexMap", "Search", new { province = "25", district = "0" }))" title="" alt="" />
           
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[25].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
                 <area class ="trigger" shape="poly" id="hoverregion5_10" coords="341,136,348,129,356,127,368,132,369,139,376,141,382,147,390,149,396,156,404,170,397,173,396,182,382,182,380,192,378,195,375,193,356,201,352,199,344,199,334,189,331,182,318,179,314,167,306,164,300,154,311,148,326,158,337,154,341,147"
                        href="@(Url.Action("IndexMap", "Search", new { province = "61", district = "0" }))" title="" alt="" />
           
                    <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[60].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion5_11" coords="372,133,376,139,390,145,398,153,406,169,411,175,431,191,436,192,443,204,450,207,456,214,463,217,473,215,477,207,470,193,477,179,477,173,486,167,498,167,496,153,488,151,481,152,468,141,452,139,444,132,432,132,421,127,407,131,400,131,394,135"
                      href="@(Url.Action("IndexMap", "Search", new { province = "7", district = "0" }))" title="" alt=""/>
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[6].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion5_12" coords="404,173,398,185,386,185,381,198,374,198,356,203,360,209,360,215,369,223,376,224,382,238,392,239,397,253,409,258,410,262,419,266,425,259,451,257,457,254,458,235,454,232,456,222,457,219,449,208,442,207,437,195,430,195,418,183"
                        href="@(Url.Action("IndexMap", "Search", new { province = "59", district = "0" }))" title="" alt="" />
           
                    <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[58].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion5_13" coords="340,202,348,202,354,207,356,216,368,227,374,227,380,240,390,241,394,255,406,261,406,272,394,282,392,289,392,304,363,311,347,317,328,323,326,311,330,305,328,297,322,299,317,293,300,295,289,289,282,290,278,278,281,267,281,259,295,256,307,247,328,237,334,223,334,213"
                        href="@(Url.Action("IndexMap", "Search", new { province = "47", district = "0" }))" title="" alt="" />
                    <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[46].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
        </map>
    </div>
    <div id="region_6" style="display: none" class="regionstyle">
        <div id="map_map_re6" class="map_vn_map_re6">
            <img src="../../Content/images/mapArea/transparent.gif" id="area_highlight_re6" alt=""
                class="" />
            <img src="../../Content/images/mapArea/transparent.gif" id="area_map_re6" usemap="#Map_re6"
                alt="" />
        </div>
        <map name="Map_re6" id="Map_re6">
            <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion6_1" coords="78,29,108,45,106,58,125,62,148,61,152,53,160,50,188,57,182,79,184,95,190,106,214,141,219,158,227,160,247,182,282,209,276,221,267,225,259,225,260,236,253,236,249,237,249,243,245,247,239,257,225,252,216,255,208,249,208,240,200,237,194,241,182,235,184,225,170,213,160,182,148,177,138,184,126,173,129,169,122,167,114,164,74,115,56,105,38,75,32,69,34,53,42,49,44,43,56,42,70,42,70,37"
                      href="@(Url.Action("IndexMap", "Search", new { province = "42", district = "0" }))" title="" alt=""/>
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[41].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
                   <area class ="trigger" shape="poly" id="hoverregion6_2" coords="205,253,215,259,223,256,237,260,244,259,250,248,252,239,260,239,262,228,273,227,284,214,296,223,305,227,305,245,311,245,319,259,331,270,358,293,349,310,347,321,340,324,318,325,312,329,304,329,298,335,302,342,311,352,314,361,303,368,300,375,289,373,281,364,272,363,270,351,271,337,264,331,252,329,245,341,237,348,230,347,227,337,228,323,223,318,210,313,207,301,206,279,205,267"
                        href="@(Url.Action("IndexMap", "Search", new { province = "46", district = "0" }))" title="" alt="" />
        
                    <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[45].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                    </div>
            </div>
             <div class="bubbleInfo">
                 <area class ="trigger" shape="poly" id="hoverregion6_3" coords="306,375,308,369,316,363,316,353,303,337,307,332,315,331,320,328,342,327,349,324,352,312,359,295,384,315,396,321,406,330,440,348,465,375,483,375,488,389,494,395,505,399,501,407,472,403,462,397,455,403,448,424,437,428,427,432,426,439,409,435,404,428,394,431,392,436,383,433,380,427,380,422,352,423,340,409,326,408,322,403,323,388,310,377"
                        href="@(Url.Action("IndexMap", "Search", new { province = "53", district = "0" }))" title="" alt="" />
       
                    <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[52].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
           </map>
    </div>
    <div id="region_7" style="display: none" class="regionstyle">
        <div id="map_map_re7" class="map_vn_map_re7">
            <img src="../../Content/images/mapArea/transparent.gif" id="area_highlight_re7" alt=""
                 class="" />
            <img src="../../Content/images/mapArea/transparent.gif" id="area_map_re7" usemap="#Map_re7"
                 alt="" />
        </div>
        <map name="Map_re7" id="Map_re7">
            <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion7_1" coords="45,33,47,27,53,26,60,24,67,24,79,22,88,17,98,16,111,14,127,36,122,44,123,56,143,109,142,120,136,112,128,107,116,106,112,110,103,109,103,119,99,119,96,118,86,126,76,117,68,114,72,105,72,97,62,94,55,90,53,82,44,73,36,57,45,44"
                      href="@(Url.Action("IndexMap", "Search", new { province = "44", district = "0" }))" title="" alt="" />
        
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[43].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion7_2" coords="87,129,96,121,103,121,105,112,111,112,117,109,126,109,134,113,141,120,153,155,158,160,159,167,155,174,157,179,167,198,165,202,172,215,171,228,162,239,153,243,145,253,141,253,136,261,127,260,123,258,118,258,114,253,111,248,112,236,114,229,101,210,104,196,96,186,84,137"
                      href="@(Url.Action("IndexMap", "Search", new { province = "8", district = "0" }))" title="" alt="" />
        
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[7].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion7_3" coords="112,255,118,260,125,263,135,263,143,256,155,245,161,242,160,249,163,251,170,267,164,265,162,275,166,282,170,281,171,292,173,301,173,306,191,343,183,348,176,348,163,353,157,352,152,356,148,356,142,362,134,365,131,358,118,353,94,329,103,325,104,315,118,295,109,284,109,271,107,267,100,269,99,262,104,254"
                      href="@(Url.Action("IndexMap", "Search", new { province = "41", district = "0" }))" title="" alt="" />
           
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[40].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion7_4" coords="134,368,142,366,149,359,158,355,164,356,178,351,179,355,163,372,159,388,173,379,182,366,187,372,188,383,184,387,177,382,163,388,169,393,176,409,169,413,158,403,158,409,163,423,162,443,160,447,169,466,168,477,164,477,158,486,144,484,139,475,131,470,121,466,116,466,111,456,106,455,98,440,96,429,93,413,94,399,106,396,113,399,118,399,116,394,121,387,116,381,121,378,122,373"
                      href="@(Url.Action("IndexMap", "Search", new { province = "28", district = "0" }))" title="" alt="" />
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[27].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion7_5" coords="96,440,92,446,95,454,90,465,90,479,87,485,94,498,93,503,78,508,78,514,81,519,86,520,97,520,103,531,107,534,117,544,125,550,134,546,137,518,150,517,163,498,158,488,144,487,137,476,115,469,109,459,103,456"
                      href="@(Url.Action("IndexMap", "Search", new { province = "39", district = "0" }))" title="" alt="" />
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[38].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion7_6" coords="83,527,90,529,95,523,101,532,107,540,116,548,108,553,105,568,98,566,85,574,84,586,75,586,75,593,69,597,62,598,50,606,45,628,38,626,28,635,14,642,10,626,8,621,15,616,12,608,12,597,7,588,3,581,11,544,17,550,24,550,30,544,38,547,44,548,50,558,50,561,59,555,64,546,74,539,70,533,76,528"
                      href="@(Url.Action("IndexMap", "Search", new { province = "11", district = "0" }))" title="" alt=""  />
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[10].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
        </map>
    </div>

    <div id="region_8" style="display: none" class="regionstyle">
        <div id="map_map_re8" class="map_vn_map_re8">
            <img src="../../Content/images/mapArea/transparent.gif" id="area_highlight_re8" alt=""
                 class="" />
            <img src="../../Content/images/mapArea/transparent.gif" id="area_map_re8" usemap="#Map_re8"
                 alt="" />
        </div>
        <map name="Map_re8" id="Map_re8">
            <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion8_1" coords="118,51,131,45,145,57,144,67,134,69,132,84,154,92,166,100,176,98,190,111,182,131,197,141,202,140,217,151,212,159,214,181,230,190,232,214,240,215,244,213,250,216,253,221,266,225,273,221,280,231,290,237,296,247,305,249,311,247,318,250,318,234,323,231,324,199,330,178,342,169,345,143,362,129,365,120,356,117,328,107,306,93,274,66,256,65,234,56,224,39,200,31,191,31,181,21,167,17,152,25,152,31,140,27,127,27,96,51,98,60"
                      href="@(Url.Action("IndexMap", "Search", new { province = "52", district = "0" }))" title="" alt="" />
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[51].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion8_2" coords="178,135,168,143,164,167,141,178,135,195,121,197,109,199,98,195,88,187,74,191,66,185,56,186,48,191,40,192,46,215,39,225,38,233,25,236,26,255,42,259,57,268,66,278,76,279,88,285,98,298,104,296,112,303,123,317,150,331,182,339,200,345,214,349,226,368,231,364,246,371,269,367,280,375,288,373,302,373,302,363,316,354,304,323,292,316,289,299,296,284,309,283,309,267,316,253,310,251,298,251,289,241,280,238,272,227,265,227,252,225,247,218,232,220,228,213,229,194,212,185,208,167,208,157,212,153,202,145,194,145"
                      href="@(Url.Action("IndexMap", "Search", new { province = "37", district = "0" }))" title="" alt="" />
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[36].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion8_3" coords="225,373,212,387,224,410,236,422,241,421,248,426,250,434,261,433,272,432,283,450,302,473,308,466,329,467,330,461,336,457,363,469,360,478,372,485,398,485,408,474,432,479,435,474,425,460,420,455,400,437,376,426,372,426,344,392,339,389,319,356,307,363,304,375,290,377,281,379,269,372,252,375,232,369"
                      href="@(Url.Action("IndexMap", "Search", new { province = "23", district = "0" }))" title="" alt="" />
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[22].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
        </map>
    </div>

    <div id="region_9" style="display: none" class="regionstyle">
        <div id="map_map_re9" class="map_vn_map_re9">
            <img src="../../Content/images/mapArea/transparent.gif" id="area_highlight_re9" alt=""
                 class="" />
            <img src="../../Content/images/mapArea/transparent.gif" id="area_map_re9" usemap="#Map_re9"
                 alt="" />
        </div>
        <map name="Map_re9" id="Map_re9">
            <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion9_1" coords="94,19,90,56,74,64,86,76,87,83,82,87,80,113,76,141,68,145,62,162,58,174,61,190,68,193,72,197,79,191,84,191,92,184,91,168,112,164,115,158,124,157,130,161,145,157,151,147,175,142,177,133,184,126,182,121,183,113,195,120,205,117,196,110,200,106,203,93,199,88,190,89,178,69,166,57,156,55,156,64,153,68,132,60,128,55,136,45,125,35,112,35"
                      href="@(Url.Action("IndexMap", "Search", new { province = "30", district = "0" }))" title="" alt="" />
 
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[29].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion9_2" coords="72,201,74,219,83,227,90,247,94,274,106,276,112,271,124,275,149,271,178,279,201,315,202,322,214,323,223,324,231,321,248,292,238,265,232,265,227,259,231,251,237,248,246,251,243,231,244,222,238,211,234,192,226,170,218,136,220,131,217,124,208,119,195,124,186,118,188,129,181,136,177,145,155,150,150,158,132,165,121,161,114,166,96,170,94,185,85,195,80,195"
                      href="@(Url.Action("IndexMap", "Search", new { province = "20", district = "0" }))" title="" alt="" />
    
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[19].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion9_3" coords="92,279,106,279,114,275,124,279,146,275,175,281,198,315,200,324,224,328,241,337,260,351,264,365,253,367,247,377,252,381,248,396,238,389,224,397,224,415,214,417,199,417,191,420,182,422,170,429,165,433,152,430,144,419,128,411,130,403,136,393,132,387,124,384,130,379,121,355,110,349,83,347,78,335,76,324"
                      href="@(Url.Action("IndexMap", "Search", new { province = "16", district = "0" }))" title="" alt="" />
     
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[15].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion9_4" coords="85,351,87,386,85,404,62,427,54,418,42,421,39,449,52,463,60,471,62,482,57,487,67,489,70,483,80,483,84,477,92,474,94,466,100,465,103,473,107,473,122,471,122,479,135,481,148,471,133,446,136,439,146,437,150,432,142,420,126,414,126,404,132,394,125,388,120,381,126,377,118,357,102,352"
                      href="@(Url.Action("IndexMap", "Search", new { province = "15", district = "0" }))" title="" alt="" />
   
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[14].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion9_5" coords="54,490,48,493,46,503,52,515,57,516,64,521,77,540,82,538,89,544,96,544,107,540,121,539,140,541,144,553,176,535,171,525,186,521,205,520,209,514,206,505,224,499,226,493,218,479,228,450,224,442,228,434,225,418,216,421,200,421,181,427,167,436,154,436,145,443,140,443,150,467,152,473,136,485,120,484,116,476,102,477,98,472,93,479,85,485,73,488,68,493"
                      href="@(Url.Action("IndexMap", "Search", new { province = "32", district = "0" }))" title="" alt="" />
          
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[31].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
        </map>
    </div>

    <div id="region_10" style="display: none" class="regionstyle">
        <div id="map_map_re10" class="map_vn_map_re10">
            <img src="../../Content/images/mapArea/transparent.gif" id="area_highlight_re10"
                alt="" class="" />
            <img src="../../Content/images/mapArea/transparent.gif" id="area_map_re10" usemap="#Map_re10"
                alt="" />
        </div>
        <map name="Map_re10" id="Map_re10">
            <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion10_1" coords="85,68,91,95,77,109,68,120,44,123,38,121,10,146,18,159,10,164,12,171,20,177,17,188,26,193,38,209,32,219,39,223,46,215,63,219,66,230,86,231,98,214,92,207,98,202,114,212,120,202,132,170,127,163,134,153,132,147,135,140,156,146,160,153,166,149,185,153,194,152,194,135,184,125,158,112,162,106,164,100,173,95,175,86,193,83,198,69,204,63,204,56,193,54,187,39,170,33,167,39,161,44,143,41,132,48,125,47"
                      href="@(Url.Action("IndexMap", "Search", new { province = "21", district = "0" }))" title="" />
   
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[20].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion10_2" coords="88,236,89,247,96,255,109,255,110,269,126,295,123,307,129,317,144,321,152,331,165,349,177,350,185,353,204,342,195,331,196,293,200,291,201,283,205,275,203,269,191,253,192,240,195,235,184,225,188,215,197,202,198,195,206,190,204,181,206,178,213,177,214,165,202,155,202,150,198,150,194,156,169,153,162,158,155,151,140,147,138,159,136,165,136,172,118,214,110,215,100,207,101,219"
                      href="@(Url.Action("IndexMap", "Search", new { province = "60", district = "0" }))" title="" />
 
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[59].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion10_3" coords="200,74,196,86,180,89,176,98,170,101,164,110,186,121,195,131,198,146,211,144,219,141,232,132,241,133,244,140,238,150,248,166,257,171,272,171,280,165,293,161,302,169,302,187,314,192,318,183,326,183,342,194,358,197,368,191,373,190,383,150,396,150,408,125,398,114,389,115,382,107,342,117,330,115,315,95,278,93,252,96,232,82"
                      href="@(Url.Action("IndexMap", "Search", new { province = "14", district = "0" }))" title="" alt="" />
      
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[13].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion10_4" coords="207,150,218,145,230,137,239,137,235,150,242,166,250,173,270,176,282,170,294,167,298,173,299,189,313,197,320,201,317,209,323,217,324,223,312,246,302,249,300,257,302,266,300,273,287,270,278,274,268,281,252,295,244,291,244,265,226,254,215,259,209,268,195,252,198,239,199,233,190,223,201,205,204,198,212,191,212,183,218,177,218,165,208,155"
                      href="@(Url.Action("IndexMap", "Search", new { province = "4", district = "0" }))" title="" alt="" />
     
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[3].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion10_5" coords="208,274,205,285,204,294,200,297,200,330,216,346,221,359,230,360,246,374,254,374,263,381,267,373,272,373,273,365,284,365,292,358,287,337,294,329,312,329,320,314,316,309,300,299,302,285,303,278,291,275,279,279,256,296,242,296,238,288,240,266,226,259,218,263"
                      href="@(Url.Action("IndexMap", "Search", new { province = "51", district = "0" }))" title="" alt="" />
    
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[50].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
             <div class="bubbleInfo">
                  <area class ="trigger" shape="poly" id="hoverregion10_6" coords="318,193,321,187,339,199,360,202,374,194,374,207,385,210,394,217,396,225,393,233,399,249,395,265,404,273,412,271,416,274,433,273,439,281,452,282,453,296,470,303,494,321,504,318,509,333,501,341,491,344,497,350,498,367,484,375,473,374,461,381,456,375,454,363,440,361,435,349,426,351,433,342,424,337,414,337,410,341,400,331,378,333,369,341,370,349,353,359,352,366,343,366,337,355,328,351,315,347,316,332,324,317,323,307,305,296,306,278,306,263,306,253,314,249,328,225,327,213,323,209"
                        href="@(Url.Action("IndexMap", "Search", new { province = "33", district = "0" }))" title="" alt="" />
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[32].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion10_7" coords="310,333,298,333,292,339,294,356,289,369,278,369,276,376,268,378,264,383,274,400,282,397,286,397,287,404,296,401,296,406,318,409,318,413,326,411,333,419,344,411,355,401,366,403,372,400,378,407,421,412,426,407,444,407,450,402,452,390,458,386,452,377,452,366,440,367,434,355,422,354,425,344,415,344,406,346,398,336,383,337,373,343,374,350,358,365,356,370,342,373,335,363,325,354,310,350"
                        href="@(Url.Action("IndexMap", "Search", new { province = "3", district = "0" }))" title="" alt="" />
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[2].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
        </map>
    </div>
    <div id="region_11" style="display: none" class="regionstyle">
        <div id="map_map_re11" class="map_vn_map_re11">
            <img src="../../Content/images/mapArea/transparent.gif" id="area_highlight_re11"
                alt="" class="" />
            <img src="../../Content/images/mapArea/transparent.gif" id="area_map_re11" usemap="#Map_re11"
                alt="" />
        </div>
        <map name="Map_re11" id="Map_re11">
            <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion11_1" coords="74,25,88,34,101,33,125,49,133,48,143,67,175,79,181,69,197,60,194,48,209,41,221,20,244,52,254,53,258,58,258,70,264,76,284,79,295,99,294,110,324,128,321,145,328,153,325,162,313,169,323,193,313,205,304,196,296,196,284,185,284,174,269,151,251,149,243,153,237,141,225,124,211,124,205,142,189,136,182,138,165,129,159,138,143,136,136,128,136,119,115,112,103,114,85,94,58,77,46,60,60,56"
                      href="@(Url.Action("IndexMap", "Search", new { province = "31", district = "0" }))" title="" alt="" />

                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[30].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion11_2" coords="260,49,272,25,289,36,316,63,339,63,345,27,354,16,365,14,375,28,401,34,409,44,404,52,405,62,413,66,409,74,422,84,429,90,428,106,432,114,440,119,434,124,429,133,407,118,395,122,397,137,405,157,391,171,382,164,369,162,369,170,336,166,332,153,328,144,328,128,300,110,297,89,287,76,267,73,264,68"
                      href="@(Url.Action("IndexMap", "Search", new { province = "34", district = "0" }))" title="" alt="" />
          
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[33].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion11_3" coords="43,70,39,82,28,85,33,102,85,145,84,157,100,164,108,189,106,202,112,207,124,200,124,180,137,180,146,197,156,195,162,202,162,234,155,240,153,266,148,279,166,316,183,339,204,349,213,340,208,321,210,313,227,317,229,303,236,297,235,277,222,271,218,262,220,254,235,251,237,242,249,236,255,219,251,211,259,206,249,180,243,171,244,158,235,149,224,129,216,131,209,149,194,147,170,135,159,143,136,141,131,129,126,122,113,118,103,120,78,95"
                      href="@(Url.Action("IndexMap", "Search", new { province = "17", district = "0" }))" title="" alt="" />
          
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[16].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
            <div class="bubbleInfo">
                <area class ="trigger" shape="poly" id="hoverregion11_4" coords="436,103,456,106,456,119,465,125,476,123,482,138,495,148,504,147,503,161,522,187,515,198,520,209,502,210,488,220,486,237,490,254,475,272,455,257,448,263,431,254,423,257,414,267,398,254,387,249,387,237,381,229,390,220,385,213,371,209,355,216,332,209,320,204,326,186,321,169,332,169,372,174,376,169,392,175,409,164,408,151,402,133,404,124,426,141,444,118,435,108"
                      href="@(Url.Action("IndexMap", "Search", new { province = "63", district = "0" }))" title="" alt="" />
          
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[62].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
             <div class="bubbleInfo">
                 <area class ="trigger" shape="poly" id="hoverregion11_5" coords="252,156,248,168,264,205,260,217,254,239,244,245,239,255,225,257,229,271,239,275,240,301,233,305,230,321,214,320,216,342,209,352,225,357,242,355,254,367,268,369,276,376,286,371,290,350,331,336,346,326,387,337,401,355,417,361,448,386,451,401,470,404,477,378,485,372,497,376,507,368,498,348,479,318,487,311,475,304,476,275,464,273,457,264,449,268,432,261,416,269,403,270,396,261,382,255,379,240,375,228,383,222,377,216,365,218,354,220,332,215,326,216,314,210,298,203,277,187,278,174,264,157"
                        href="@(Url.Action("IndexMap", "Search", new { province = "48", district = "0" }))" title="" alt="" />
  
                <div class="popup">
                    <div class="popup-contents">
                        <p class="pbubble">@nopostinprovince[47].NoPosts</p> 
                        <img src="../../Content/images/icons/house_home.png" width="38px" height="38px" style="float:right;margin-top:-5px;"/>
                    </div>
                </div>
            </div>
        </map>
    </div>
    
    <div id="slideHomepage" style="position: absolute;top:570px;">
        <div class="favoriteplace" style=" left: 50px;top: 5px;"><p class="headerslide" style="top: 5px;left: 400px;">Top Favorite places in Viet Nam</p></div>   
        <div class="foo">
        
            <div style="width: 100%">
                <p>
                    <a href="/Search/IndexMap?province=32&district=369"><img src="../../Content/images/cacdiadanh/dalat.jpg" />
                    </a>
                </p>
        
                <p>
                    <a href="/Search/IndexMap?province=55&district=0"><img src="../../Content/images/cacdiadanh/danang.jpg"/></a>
                </p>
                <p>
                    <a href="/Search/IndexMap?province=45&district=519"><img src="../../Content/images/cacdiadanh/halongbay.jpg" /></a>
                </p>
                <p>
                    <a href="/Search/IndexMap?province=56&district=0"><img src="../../Content/images/cacdiadanh/hanoi.jpg" /></a>
                </p>
                <p>
                    <a href="/Search/IndexMap?province=58&district=0"><img src="../../Content/images/cacdiadanh/hcm.jpg" /></a>
                </p>
                <p>
                    <a href="/Search/IndexMap?province=43&district=488"><img src="../../Content/images/cacdiadanh/hoian.jpg" /></a>
                </p>
                <p>
                    <a href="/Search/IndexMap?province=53&district=617"><img src="../../Content/images/cacdiadanh/hue.jpg" /></a>
                </p>
                <p>
                    <a href="/Search/IndexMap?province=19&district=0"><img src="../../Content/images/cacdiadanh/mekong.jpg" /></a>
                </p>
                <p>
                    <a href="/Search/IndexMap?province=11&district=153"><img src="../../Content/images/cacdiadanh/muine.jpg" /></a>
                </p>
                <p>
                    <a href="/Search/IndexMap?province=28&district=331"><img src="../../Content/images/cacdiadanh/nhatrang.jpg" /></a>
                </p>
                <p>
                    <a href="/Search/IndexMap?province=41&district=0"><img src="../../Content/images/cacdiadanh/phuyen.jpg" /></a>
                </p>
                <p>
                    <a href="/Search/IndexMap?province=34&district=398"><img src="../../Content/images/cacdiadanh/sapa.jpg" /></a>
                </p>
        
            </div>
                       
        </div>
         <div class="favoriteplace" style="top: 225px;left: 50px;"><p class="headerslide" style="top: 5px;left: 400px;">Top Rated House</p></div>   
    </div>
    
    <div id="housecombo" style="position: absolute;top:800px;left: 40px;">
        @{
            if (toplikepost != null)
            {
              
                <div class="housewrap" style="margin-top: 20px;">
                    @if (toplikepost.Count > 0)
                    {

                        <div class="housecontainer">
                            <a href="/Posts/ViewPost?postID=@toplikepost[0].PostID">
                                <img src="../../Content/images/PostImage/@toplikepost[0].AvatarPost" width="483px" height="322px"/>
                                <div class="caption">
                                    <p>@toplikepost[0].Title</p>
                                </div>
                                <div class="pricetag">
                                   
                                    <div class="pricetag-center">
                                        <div class="pricetag-currency">$</div>
                                        <div class="pricetag-price">
                                          
                                       @if (toplikepost[0].PricePerDay > 0)
                                       {

                                                    @toplikepost[0].PricePerDay
                                       }
                                       else
                                       {
                                           if (toplikepost[0].PricePerWeek > 0)
                                           {
                                                        @toplikepost[0].PricePerWeek 
                                           }
                                           else
                                           {
                                                        @toplikepost[0].PricePerMonth 
                                           }
                                       }
                                            

                                        </div>

                                        <div class="pricetag-perday">
                                            @if (toplikepost[0].PricePerDay > 0)
                                            {

                                                    <p>perdate</p>
                                            }
                                            else
                                            {
                                                if (toplikepost[0].PricePerWeek > 0)
                                                {
                                                        <p>perweek</p>
                                                }
                                                else
                                                {
                                                        <p>permonth</p>
                                                }
                                            }
                                        </div>
                                    </div>
                                    
                                </div>
             

                            </a>
                        </div>
                    }
                    @if (toplikepost.Count > 1)
                    {
                        <div class="housecontainer" >
                            <a href="/Posts/ViewPost?postID=@toplikepost[1].PostID"><img src="../../Content/images/PostImage/@toplikepost[1].AvatarPost"  width="483px" height="322px"/>
                                <div class="caption">
                                    <p>@toplikepost[1].Title</p>
                                </div>
                                <div class="pricetag">
                                    @*<i class="pricetag-left"></i>*@
                                    <div class="pricetag-center">
                                        <div class="pricetag-currency">$</div>
                                        <div class="pricetag-price">
                                             @if (toplikepost[1].PricePerDay > 0)
                                             {

                                                    @toplikepost[1].PricePerDay
                                             }
                                             else
                                             {
                                                 if (toplikepost[1].PricePerWeek > 0)
                                                 {
                                                        @toplikepost[1].PricePerWeek 
                                                 }
                                                 else
                                                 {
                                                        @toplikepost[1].PricePerMonth 
                                                 }
                                             }
                                            

                                        </div>
                                        <div class="pricetag-perday">
                                             @if (toplikepost[1].PricePerDay > 0)
                                            {

                                                    <p>perdate</p>
                                            }
                                            else
                                            {
                                                if (toplikepost[1].PricePerWeek > 0)
                                                {
                                                        <p>perweek</p>
                                                }
                                                else
                                                {
                                                        <p>permonth</p>
                                                }
                                            }
                                        </div>
                                    </div>
                                 @*   <i class="pricetag-right"></i>*@
                                </div>
               
                            </a>
                        </div>

                    }
                </div>
                <div class="housewrap">
                    @if (toplikepost.Count > 2)
                    {
                        <div class="housecontainer" >
                            <a href="/Posts/ViewPost?postID=@toplikepost[2].PostID">
                                <img src="../../Content/images/PostImage/@toplikepost[2].AvatarPost" width="483px" height="322px"/>
                                <div class="caption">
                                    <p>@toplikepost[2].Title</p>
                                </div>
                                <div class="pricetag">
                                   @* <i class="pricetag-left"></i>*@
                                    <div class="pricetag-center">
                                        <div class="pricetag-currency">$</div>
                                        <div class="pricetag-price">
                                              @if (toplikepost[2].PricePerDay > 0)
                                                {

                                                    @toplikepost[2].PricePerDay
                                                }
                                                else
                                                {
                                                    if (toplikepost[2].PricePerWeek > 0)
                                                    {
                                                        @toplikepost[2].PricePerWeek 
                                                    }
                                                    else
                                                    {
                                                        @toplikepost[2].PricePerMonth 
                                                    }
                                                }
                                            

                                        </div>
                                        <div class="pricetag-perday">
                                          @if (toplikepost[2].PricePerDay > 0)
                                            {

                                                    <p>perdate</p>
                                            }
                                            else
                                            {
                                                if (toplikepost[2].PricePerWeek > 0)
                                                {
                                                        <p>perweek</p>
                                                }
                                                else
                                                {
                                                        <p>permonth</p>
                                                }
                                            }
                                        </div>
                                    </div>
                                    @*<i class="pricetag-right"></i>*@
                                </div>
             

                            </a>
                        </div>
                    }
                    @if (toplikepost.Count > 3)
                    {
                        <div class="housecontainer">
                            <a href="/Posts/ViewPost?postID=@toplikepost[3].PostID"><img src="../../Content/images/PostImage/@toplikepost[3].AvatarPost"  width="483px" height="322px"/>
                                <div class="caption">
                                    <p>@toplikepost[3].Title</p>
                                </div>
                                <div class="pricetag">
                                   @* <i class="pricetag-left"></i>*@
                                    <div class="pricetag-center">
                                        <div class="pricetag-currency">$</div>
                                        <div class="pricetag-price">
                                            @if (toplikepost[3].PricePerDay > 0)
                                                {

                                                    @toplikepost[3].PricePerDay
                                                }
                                                else
                                                {
                                                    if (toplikepost[3].PricePerWeek > 0)
                                                    {
                                                        @toplikepost[3].PricePerWeek 
                                                    }
                                                    else
                                                    {
                                                        @toplikepost[3].PricePerMonth 
                                                    }
                                                }
                                            

                                        </div>
                                        <div class="pricetag-perday">
                                             @if (toplikepost[3].PricePerDay > 0)
                                            {

                                                    <p>perdate</p>
                                            }
                                            else
                                            {
                                                if (toplikepost[3].PricePerWeek > 0)
                                                {
                                                        <p>perweek</p>
                                                }
                                                else
                                                {
                                                        <p>permonth</p>
                                                }
                                            }
                                        </div>
                                    </div>
                                  @*  <i class="pricetag-right"></i>*@
                                </div>
               
                            </a>
                        </div>

                    }
                </div>
                <div class="housewrap">
                    @if (toplikepost.Count > 4)
                    {
                        <div class="housecontainer">
                            <a href="/Posts/ViewPost?postID=@toplikepost[4].PostID">
                                <img src="../../Content/images/PostImage/@toplikepost[4].AvatarPost" width="483px" height="322px"/>
                                <div class="caption">
                                    <p>@toplikepost[4].Title</p>
                                </div>
                                <div class="pricetag">
                                   @* <i class="pricetag-left"></i>*@
                                    <div class="pricetag-center">
                                        <div class="pricetag-currency">$</div>
                                        <div class="pricetag-price">
                                          @if (toplikepost[4].PricePerDay > 0)
                                                {

                                                    @toplikepost[4].PricePerDay
                                                }
                                                else
                                                {
                                                    if (toplikepost[4].PricePerWeek > 0)
                                                    {
                                                        @toplikepost[4].PricePerWeek 
                                                    }
                                                    else
                                                    {
                                                        @toplikepost[4].PricePerMonth 
                                                    }
                                                }
                                            

                                        </div>
                                        <div class="pricetag-perday">
                                     @if (toplikepost[4].PricePerDay > 0)
                                            {

                                                    <p>perdate</p>
                                            }
                                            else
                                            {
                                                if (toplikepost[4].PricePerWeek > 0)
                                                {
                                                        <p>perweek</p>
                                                }
                                                else
                                                {
                                                        <p>permonth</p>
                                                }
                                            }
                                        </div>
                                    </div>
                                    @*<i class="pricetag-right"></i>*@
                                </div>
             

                            </a>
                        </div>
                    }
                    @if (toplikepost.Count > 5)
                    {
                        <div class="housecontainer">
                            <a href="/Posts/ViewPost?postID=@toplikepost[5].PostID"><img src="../../Content/images/PostImage/@toplikepost[5].AvatarPost"  width="483px" height="322px"/>
                                <div class="caption">
                                    <p>@toplikepost[5].Title</p>
                                </div>
                                <div class="pricetag">
                                    @*<i class="pricetag-left"></i>*@
                                    <div class="pricetag-center">
                                        <div class="pricetag-currency">$</div>
                                        <div class="pricetag-price">
                                              @if (toplikepost[5].PricePerDay > 0)
                                                {

                                                    @toplikepost[5].PricePerDay
                                                }
                                                else
                                                {
                                                    if (toplikepost[5].PricePerWeek > 0)
                                                    {
                                                        @toplikepost[5].PricePerWeek 
                                                    }
                                                    else
                                                    {
                                                        @toplikepost[5].PricePerMonth 
                                                    }
                                                }
                                            

                                        </div>
                                        <div class="pricetag-perday">
                                             @if (toplikepost[5].PricePerDay > 0)
                                            {

                                                    <p>perdate</p>
                                            }
                                            else
                                            {
                                                if (toplikepost[5].PricePerWeek > 0)
                                                {
                                                        <p>perweek</p>
                                                }
                                                else
                                                {
                                                        <p>permonth</p>
                                                }
                                            }
                                        </div>
                                    </div>
                                   @* <i class="pricetag-right"></i>*@
                                </div>
               
                            </a>
                        </div>
                    }
                </div>
            }

        }
       
    </div>
</div>

<ul id="tlyPageGuide" data-tourtitle="Homestay website guiding">
  <li class="tlypageguide_left" data-tourtarget="#area_map">
    <div>
      Find house by select province on Vietnam Map
    </div>
  </li>
  <li class="tlypageguide_left" data-tourtarget="#slideHomepage">
    <div>
     Find House in many favorite places of Vietnam
    </div>
  </li>
  <li class="tlypageguide_left" data-tourtarget="#housecombo">
    <div>
      Here is the top rated post
    </div>
  </li>
</ul>
<script src="../../Scripts/pageguide.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        tl.pg.init();
    });
    </script>